<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>
<t:link />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<title>简历模块</title>

<body>
	<input type="hidden" id="cateId" name="cateId" value="${cateId}">
	<div class="too">
		<div id="toolbar" class="btn-group">
			<button id="btn_add" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>
			<button id="btn_edit" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
			</button>
			<button id="btn_delete" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
		</div>
		<table id="table"></table>
	</div>

	<div id="dlg" style="display:none;">
		<div id="catedetail"></div>
	</div>

</body>


<script>

	

	$(document).ready(function() {
		//调用函数，初始化表格  
		initTable();
	});
	
	function queryParams(params){
		var cateId = ${cateId};
		var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
				cateId: cateId
		};
		return temp;
	}
	

	function initTable() {
		//先销毁表格  
		$('#table').bootstrapTable('destroy');
		//初始化表格,动态从服务器加载数据  
		$("#table")
				.bootstrapTable(
						{
							method : "POST", //使用get请求到服务器获取数据  
							contentType: "application/x-www-form-urlencoded",
							url : "${pageContext.request.contextPath}/resume/catedata/catedata",//获取数据的Servlet地址  
							queryParams: queryParams,
							toolbar : '#toolbar', //工具按钮用哪个容器
							striped : true, //表格显示条纹  
							pagination : true, //启动分页  
							pageSize : 5, //每页显示的记录数  
							pageNumber : 1, //当前第几页  
							pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
							//idField : "id", //指定主键列
							uniqueId : "id",//每一行的唯一标识，一般为主键列
							search : true, //是否启用查询  
							showColumns : true, //显示下拉框勾选要显示的列  
							showRefresh : true, //显示刷新按钮  
							sidePagination : "client", //表示客户端分页  
							columns : [ {
								checkbox : true
							}, {
								field : 'id',
								title : 'id',
								visible : false
							}, {
								field : 'cateId',
								title : '模块ID',
								visible : false
							}, {
								field : 'userId',
								title : '用户id',
								visible : false
							}, {
								field : 'content',
								title : '信息描述'
							}, {
								field : 'isopen',
								title : '是否公开',
								formatter : function(value, row, index) {
									if ("1" == row.isopen) {
										return "不公开";
									} else {
										return "公开";
									}
								}
							}, {
								field : 'weight',
								title : '权重'
							}, {
								field : 'createDate',
								title : '创建时间'
							} ],
							onLoadSuccess : function(data) { //加载成功时执行  
								//alert("加载成功!" + data);
							},
							onLoadError : function(data) { //加载失败时执行  
								//alert("加载失败!" + data);
							}
						});
	}
	
	
	
	

	

	$("#btn_add").click(function() {
		
		var cateId = $("#cateId").val();
		var addurl = '${pageContext.request.contextPath}/resume/catedata/add?cateId='
				+ cateId;
		content = '<iframe src="'
				+ addurl
				+ '+" scrolling="auto" frameborder="0" style="width: 100%; height: 100%;"></iframe>';
		$("#catedetail").html(content);
		$('#dlg').dialog({
			title : '简历模块详细信息',
			width : 650,
			height : 400
		});
	})
	
	$("#btn_edit").click(function() {
		var row = $('#table').bootstrapTable('getSelections');
		if (row.length == 0) {
			alert("请先选中数据进行操作!");
		}
		if (row.length > 1) {
			alert("只能选择一行,请重新选择!")
		}
		if (row.length == 1) {
			//处理逻辑
			var updateurl = '${pageContext.request.contextPath}/resume/catedata/update?id='
					+ row[0].id;
			content = '<iframe src="'
					+ updateurl
					+ '+" scrolling="auto" frameborder="0" style="width: 100%; height: 100%;"></iframe>';
			$("#catedetail").html(content);
			$('#dlg').dialog({
				title : '修改模块详细信息',
				width : 650,
				height : 400
			});
		}
	})

	$("#btn_delete")
			.click(
					function() {
						var row = $('#table').bootstrapTable('getSelections');
						if (row.length == 0) {
							alert("请先选中数据进行操作!");
							return;
						}
						if(confirm("确认删除吗?")){
							var arr = new Array();
							for ( var u in row) {
								var id = row[u].id;
								arr.push(id);
							}
							var ids = JSON.stringify(arr);
							$.ajax({
										type : 'POST',
										url : '${pageContext.request.contextPath}/resume/catedata/deletecatedata',
										data : {
											ids : ids
										},
										success : function(data) {
											if ("1" == data) {
												alert("删除成功!");
												//调用函数，初始化表格  
												initTable();
											}
										},
										error : function() {
											alert("删除失败!");
										}
									})
					     }
					})
</script>

</html>